.banner {
    height: 210px;

    .swipe_box {
        height: 100%;

        .img {
            height: 100%;
        }
    }

    .custom_indicator {
        position: absolute;
        right: 12px;
        bottom: 16px;
        padding: 2px 5px;
        border-radius: 114.5px;
        background: rgba(0, 0, 0, 0.4);

        font-size: 10px;
        font-weight: 400;
        color: rgba(255, 255, 255, 1);
    }
}

.head_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
    margin-top: 20px;

    .user {
        display: flex;
        align-items: center;

        .img {
            width: 36px;
            height: 36px;
            border-radius: 100%;
        }

        span {
            font-size: 14px;
            font-weight: 500;
            color: rgba(51, 51, 51, 1);
            margin-left: 8px;
        }
    }

    .visted {
        display: flex;
        align-items: center;

        .img {
            width: 14px;
            height: 14px;
        }

        span {
            font-size: 12px;
            font-weight: 400;
            color: rgba(102, 102, 102, 1);
            margin-left: 8px;
        }
    }
}

.case_content {
    padding: 0 12px;
    margin-top: 16px;

    .h2_title {
        font-size: 16px;
        font-weight: 500;
        color: rgba(51, 51, 51, 1);
    }

    .content {
        font-size: 14px;
        font-weight: 400;
        color: rgba(51, 51, 51, 1);
        margin-top: 12px;
    }

    .case_footer {
        font-size: 11px;
        font-weight: 400;
        color: rgba(153, 153, 153, 1);
        margin-top: 20px;

        span {
            margin-right: 8px;
        }
    }
}